<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <title>重庆源狼软件科技有限责任公司</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>

  <!-- Google Fonts -->
<!--
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'>
-->

  <!-- Revolution css -->
  <link rel="stylesheet" type="text/css" href="vendor/rs-plugin/css/settings.css" media="screen"/>
  <link rel="stylesheet" href="vendor/rs-plugin/css/extralayer.css">
  
  <!-- Flat icon css -->
  <link rel="stylesheet" href="vendor/flat-icon/flaticon.css">
  
  <!-- Font awesome -->
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  
  <!-- Owl Carosel css -->
  <link rel="stylesheet" href="vendor/owl/css/owl.carousel.css">
  <link rel="stylesheet" href="vendor/owl/css/owl.theme.default.css">
  <link rel="stylesheet" href="vendor/owl/css/owl.theme.css">
  
  <!-- mmenu -->
  <link type="text/css" rel="stylesheet" href="vendor/mmenu/css/jquery.mmenu.css" />
  
  <!-- Bootstrap css -->
  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css">

  <!-- Animate css -->
  <link rel="stylesheet" href="css/animate.css">

  <!-- Custom Style css -->
  <link rel="stylesheet" href="css/hover.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/responsive.css">

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')
</script>
<![endif]-->
</head>
<body>
<!--  <div class="loader"></div>-->
  <div class="main" id="home">
    <!-- slider -->
      <div class="tp-banner-container">
      <div class="tp-banner">
        <ul>  <!-- SLIDE  -->
          <li data-transition="fade" data-slotamount="25" data-masterspeed="2500"  data-thumb="img/slider/slider_img_01.jpg"  data-saveperformance="on">
            <!-- MAIN IMAGE -->
            <img src="img/slider/slider_img_01.jpg"  alt="fullslide2" data-bgposition="center center" data-kenburns="on"
                 data-duration="12000" data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100" data-bgpositionend="center center">
              <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
              data-x="637"
              data-y="200"
              data-speed="1500"
              data-start="4500"
              data-easing="Power3.easeInOut"
              data-splitin="chars"
              data-splitout="none"
              data-elementdelay="0.1"
              data-endelementdelay="0.1"
              data-endspeed="300"
              style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#fff;">
                <h1>重庆源狼软件科技有限责任公司</h1>
            </div>
<!--            <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme head-tag"
            data-x="1090"
            data-y="200"
            data-speed="1500"
            data-start="5480"
            data-easing="Power3.easeInOut"
            data-splitin="chars"
            data-splitout="none"
            data-elementdelay="0.1"
            data-endelementdelay="0.1"
            data-endspeed="300"
            style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#f9844c;">
            <h1>IS</h1>
            </div>-->
<!--          &lt;!&ndash; LAYERS &ndash;&gt;
          <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme"
          data-x="637"
          data-y="282"
          data-speed="1500"
          data-start="5500"
          data-easing="Power3.easeInOut"
          data-splitin="chars"
          data-splitout="none"
          data-elementdelay="0.1"
          data-endelementdelay="0.1"
          data-endspeed="300"
          style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#f9844c;"><h1>EXTREAMLY</h1>
          </div>
          <div class="tp-caption very_large_text lfb ltt skewfromrightshort fadeout tp-resizeme"
          data-x="1024"
          data-y="282"
          data-speed="1500"
          data-start="6500"
          data-easing="Power3.easeInOut"
          data-splitin="chars"
          data-splitout="none"
          data-elementdelay="0.1"
          data-endelementdelay="0.1"
          data-endspeed="300"
          style="z-index: 5; max-width: auto; max-height: auto; font-size:63px;white-space: nowrap;color:#fff;"><h1>NICE</h1>
        </div>-->
    <!-- 加载手机框图片动画 -->
    <div class="tp-caption lft randomrotate customout"
                 data-x="left"
                 data-y="center" data-voffset="110"
                 data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                 data-speed="800"
                 data-start="2000"
                 data-easing="Back.easeOut"
                 data-endspeed="500"
                 data-endeasing="Power4.easeIn"
                 data-captionhidden="on"
                 style="z-index: 9"><img src="img/slider/mobile.png" alt="" data-ww="550" data-hh="490">

    </div>
    <!-- 加载css中的html图片  -->
    <div class="tp-caption lfl randomrotate tp-resizeme"
    data-x="60"
    data-y="bottom" data-voffset="-70"
    data-speed="800"
    data-start="3000"
    data-easing="Back.easeOut"
    data-endspeed="500"
    data-endeasing="Power4.easeIn"
    data-captionhidden="on"
    style="z-index: 9"><img src="img/slider/html.png" alt="" data-ww="125" data-hh="160">
  </div>
   <!-- 加载css中的css图片  -->
    <div class="tp-caption randomrotate tp-resizeme"
  data-x="210"
  data-y="bottom" data-voffset="-70"
  data-speed="800"
  data-start="4000"
  data-easing="Back.easeOut"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  data-captionhidden="on"
  style="z-index: 9"><img src="img/slider/css.png" alt="" data-ww="125" data-hh="160">
  </div>
  <!-- 加载css中的js图片  -->
  <div class="tp-caption sfr randomrotate tp-resizeme"
  data-x="360"
  data-y="bottom" data-voffset="-70"
  data-speed="800"
  data-start="5000"
  data-easing="Back.easeOut"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  data-captionhidden="on"
  style="z-index: 9"><img src="img/slider/js.png" alt="" data-ww="125" data-hh="160">
  </div>

  <!-- 加载文字 -->
  <div class="tp-caption lfl tp-resizeme"
  data-x="637"
  data-y="365"
  data-speed="1000"
  data-start="8000"
  data-easing="Power3.easeOut"
  data-splitin="none"
  data-splitout="none"
  data-elementdelay="0.05"
  data-endelementdelay="0.1"
  data-endspeed="500"
  style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
  <h2 class="small-title second-title">APP定制设计开发</h2>
  </div>

  <!-- LAYER NR. 3 -->
  <div class="tp-caption  lfl tp-resizeme"
  data-x="637"
  data-y="420"
  data-speed="1000"
  data-start="8600"
  data-easing="Power3.easeOut"
  data-splitin="none"
  data-splitout="none"
  data-elementdelay="0.05"
  data-endelementdelay="0.1"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
  <h2  class="small-title second-title">平台型设计开发</h2>
  </div>
  <!-- LAYER NR. 4 -->
  <div class="tp-caption  lfl tp-resizeme"
  data-x="637"
  data-y="475"
  data-speed="1000"
  data-start="9400"
  data-easing="Power3.easeOut"
  data-splitin="none"
  data-splitout="none"
  data-elementdelay="0.05"
  data-endelementdelay="0.1"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
  <h2 class="small-title second-title">响应式网站设计</h2>
  </div>

    <!-- LAYER NR. 5 -->
    <div class="tp-caption lfr tp-resizeme start-button"
    data-x="637"
    data-y="540"
    data-speed="1000"
    data-start="10500"
    data-easing="Power3.easeOut"
    data-splitin="none"
    data-splitout="none"
    data-elementdelay="0.05"
    data-endelementdelay="0.1"
    data-endspeed="500"
    data-endeasing="Power4.easeIn"
    style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
      <h2 class="small-title second-title">技术咨询</h2>
    </div>
</li>
  <li class="items" data-transition="slideleft" data-slotamount="1" data-masterspeed="1500" data-thumb="img/slider/slider_img_02.jpg" data-delay="13000"  data-saveperformance="off">
  <!-- MAIN IMAGE -->
  <img src="img/slider/slider_img_02.jpg"  alt="kenburns1"  data-bgposition="left center" data-kenburns="on" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center">
  <!-- LAYERS -->
  <!-- LAYER NR. 1 -->
    <div class="tp-caption very_large_text lfb ltt tp-resizeme head-tag"
    data-x="left" data-hoffset="20"
    data-y="center" data-voffset="-100"
    data-speed="600"
    data-start="500"
    data-easing="Power3.easeInOut"
    data-splitin="chars"
    data-splitout="chars"
    data-elementdelay="0.08"
    style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
    <h1><span>源狼软件</span><br> 为企业数字化办公提供解决方案</h1>
  </div>

<!-- LAYER NR. 2 -->
<div class=" tp-caption  lfl tp-resizeme"
data-x="-100"
data-y="340"
data-speed="500"
data-start="1500"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2 class="small-title">定制+标准、数据服务</h2>
</div>

<!-- LAYER NR. 3 -->
<div class="tp-caption  lfl tp-resizeme"
data-x="-100"
data-y="400"
data-speed="1000"
data-start="2000"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2  class="small-title">数据服务、响应式设计</h2>
</div>

<!-- LAYER NR. 4 -->
<div class="tp-caption  lfl tp-resizeme"
data-x="-100"
data-y="460"
data-speed="2000"
data-start="2500"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<h2 class="small-title" > 跨平台应用、系统售后、培训咨询</h2>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption lfr tp-resizeme"
data-x="right" data-hoffset="100"
data-y="bottom" data-voffset="-90" 
data-speed="3000"
data-start="4000"
data-easing="Power3.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.05"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-default buy-btn">专业优质服务体系</button>
</div>
</li>
 <li class="items" data-transition="slidevertical" data-slotamount="1" data-masterspeed="1500" data-thumb="img/slider/slider_img_03.jpg" data-delay="13000"  data-saveperformance="off">
  <!-- MAIN IMAGE -->
  <img src="img/slider/slider_img_03.jpg"  alt="kenburns1"  data-bgposition="left center" data-kenburns="on" data-duration="14000" data-ease="Linear.easeNone" data-bgfit="100" data-bgfitend="130" data-bgpositionend="right center">
  <!-- LAYERS -->

  <!-- LAYER NR. 1 -->
  <div class="tp-caption very_large_text lfb ltt tp-resizeme head-tag"
  data-x="center" data-hoffset="0"
  data-y="center" data-voffset="-160"
  data-speed="1200"
  data-start="1700"
  data-easing="Power3.easeOut"
  data-splitin="none"
  data-splitout="none"
  data-elementdelay="0.05"
  data-endelementdelay="0.1"
  data-endspeed="500"
  data-endeasing="Power4.easeIn"
  style="z-index: 2; max-width: auto; max-height: auto; white-space: nowrap;">
  <h1><span>欢迎来到 </span> 源狼软件科技有限责任公司 </h1>
</div>

<!-- LAYER NR. 2 -->
<div class="tp-caption  lfl tp-resizeme small-text"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-60"
data-speed="1500"
data-start="2000"
data-easing="Power1.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<p>开启财富之门，锁定数字化办公平台</p>
</div>

<!-- LAYER NR. 3 -->
<!--<div class="tp-caption  lfl tp-resizeme small-text"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-30"
data-speed="1500"
data-start="2000"
data-easing="Power1.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<p>ultriceslectus. Cras porta nisl at tincidunt tincidunt.</p>
</div>-->

<!-- LAYER NR. 4
<div class="tp-caption lfr tp-resizeme start-button"
data-x="center" data-hoffset="-90"
data-y="center" data-voffset="33"
data-speed="2000"
data-start="3500"
data-easing="Power4.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power1.easeOut"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-danger" style="background-color:transparent;">see More</button>
</div>-->
<!-- LAYER NR. 5 -->
<div class="lfr tp-caption tp-resizeme start-button"
data-x="center" data-hoffset="90"
data-y="center" data-voffset="33"
data-speed="2500"
data-start="4000"
data-easing="Power4.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power1.easeOut"
style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
<button type="button" class="btn btn-primary" style="background-color: #e84700;border:1px solid #e95e1d;">短暂的停留，还您企业美好的明天。</button>
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme lfb randomrotate down-arrow"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="230"
data-speed="2200"
data-start="5500"
data-easing="Power4.easeOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="500"
data-endeasing="Power4.easeIn"
style="z-index: 3; max-width: 50px; max-height: 50px; white-space: nowrap;">
<i class="scroll-bottom"><img  src="img/slider_button.png"  alt="arrow-down.png" class="img-responsive" ></i>
</div>
</li>
</ul>
</div>
</div>
<!-- slider -->
<header  class="header-part">
  <div id="home" class="wrapper">
    <!-- Fixed navbar -->
    <div class="navi navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header page-scroll">
          <a href="#menu">
            <button type="button" data-effect="st-effect-1" class="navbar-toggle collapsed"
                    data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </a>
          <!-- 软件图标 -->
          <a class="navbar-brand" href="index.html">
            <!-- img/logo.png 以前图标 -->
            <img src="img/wolf/logo.png" alt="源狼软件" style="margin-top: -19px;width: 134px;height: 50px;">
          </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse pull-right hidden-xs">
          <ul class="nav navbar-nav navbar-right">
            <li ><a class="page-scroll" href="#home">首页</a></li>
            <li> <a class="page-scroll" href="#product">产品介绍</a></li>
            <li> <a class="page-scroll" href="#about">关于源狼</a></li>
            <li> <a class="page-scroll" href="#services">服务支持</a></li>
            <li> <a class="page-scroll" href="#team">团队介绍</a></li>
            <li class="dropdown"> <a class="page-scroll drop dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#blog">公司动态</a>
              <!--<ul class="dropdown-menu" role="menu">
                <li><a href="blog-full-width.html">新闻</a></li>
                <li><a href="blog-sidebar.html">招聘</a></li>
              </ul>-->
            </li>
        
          <li><a class="page-scroll" href="#contact">联系我们</a></li>
          <!-- Search Block -->
          <li>
            <i class="search fa fa-search search-btn"></i>
            <div class="search-open" style="display:none;" >
              <div class="input-group animated fadeInDown" >
                <input type="text" class="form-control" placeholder="Search">
                <span class="input-group-btn">
                  <button class="btn-u" type="button">Go</button>
                </span>
              </div>
            </div>    
          </li>
          <!-- End Search Block -->
        </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div><!-- End of Nav -->
</div>
</header>
    <!-- 产品简介 -->
    <section class="protfolio section-padding" id="product">
      <div class="container">
        <div class="row">
          <div class="wow zoomIn col-xs-12 text-center p-padding animated" style="visibility: visible; animation-name: zoomIn;">
            <h1 class="section-title">我们的产品</h1>
            <p>无论您在哪个行业，汽车、航空、电子、能源、船舶、医疗、机械甚至更多，Wolf 都能够帮助您成就创新，引领出色!</p>
          </div>
        </div><!-- row -->
      </div><!-- container -->
      <div class="portfolio-menu">
        <div class="container">
          <div class="row">
            <div class="col-xs-12">
              <ul class="wow zoomIn animated" id="filter" style="visibility: visible; animation-name: zoomIn;">
                <li><a data-group="all" href="#" class="active">全部</a></li>
                <li><a data-group="wordpress" href="#">数字化管理</a></li>
                <li><a data-group="video" href="#">数字化运维</a></li>
                <li><a data-group="image" href="#">其他数字化</a></li>
                <!--<li><a data-group="branding" href="#">人工智能</a></li>-->
              </ul><!-- /#filter -->
            </div><!-- /.col-xs-12 -->
          </div>
        </div>
      </div>

      <div class="row">
        <div id="grid" class="shuffle" style="position: relative; height: 600px;">
          <!-- 产品列表 -->
          <!-- 0A -->
          <div data-groups='["all", "image", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered animated" style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/wolf/product/zyq-log.png" style="max-height: 230px;">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal1" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>作业区数字化管理平台</p>
                    <strong>西南油气田分公司</strong>
                  </div>
                </figcaption>
              </figure>
            </div><!-- /.portfolio -->
          </div><!-- /.portfolio-item -->
          <!-- MODAL/POPUP 取消注释 -->
          <!--<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio01.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>-->
          <!-- MODAL/POPUP -->

          <!-- 产品列表 重庆情况中心站管理系统 -->
          <div data-groups='["all", "image","wordpress","branding"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/wolf/product/yd-02.png" style="max-height: 230px;">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal2" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>中国移动重庆综合代维管理系统</p>
                    <strong>重庆移动</strong>
                  </div>
                </figcaption>
              </figure>
            </div><!-- /.portfolio -->
          </div><!-- /portfolio-item -->
          <!-- MODAL/POPUP -->
          <!--<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio02.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>-->
          <!-- MODAL/POPUP -->



          <!-- portfolio-item OA -->
          <div data-groups='["all", "image","wordpress", "circle", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/wolf/product/product-02.jpg" style="max-height: 230px;">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal3" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>房产运营管理平台</p>
                    <strong>好屋中国</strong>
                  </div>
                </figcaption>
              </figure>
            </div><!-- /.portfolio -->
          </div><!-- /portfolio-item -->
          <!-- MODAL/POPUP -->
          <!--<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio03.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>-->
          <!-- MODAL/POPUP -->


          <!-- portfolio-item 产品列表 -->
          <div data-groups='["image", "all","wordpress", "branding"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/wolf/product/product-03.png" style="max-height: 230px;">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal4" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>经纪公司投保系统</p>
                    <strong>重庆快保科技有限公司</strong>
                  </div>
                </figcaption>
              </figure>
            </div><!-- /.portfolio -->
          </div><!-- /portfolio-item -->
          <!-- MODAL/POPUP -->
<!--          <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio04.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>-->
          <!-- MODAL/POPUP -->
<!--

          &lt;!&ndash; portfolio-item &ndash;&gt;
          <div data-groups='["all","wordpress", "video", "branding"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/portfolio05.jpg">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal5" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p></p>
                    <strong>Icons, Illustrations</strong>
                  </div>
                </figcaption>
              </figure>
            </div>&lt;!&ndash; /.portfolio &ndash;&gt;
          </div>&lt;!&ndash; /portfolio-item &ndash;&gt;
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;
          <div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio05.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;



          &lt;!&ndash; portfolio-item &ndash;&gt;
          <div data-groups='["image", "all","wprdpress", "branding", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/portfolio06.jpg">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal6" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>Mornign Dew</p>
                    <strong>Icons, Illustrations</strong>
                  </div>
                </figcaption>
              </figure>
            </div>&lt;!&ndash; /.portfolio &ndash;&gt;
          </div>&lt;!&ndash; /portfolio-item &ndash;&gt;
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;
          <div class="modal fade" id="myModal6" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio06.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;


          &lt;!&ndash; portfolio-item &ndash;&gt;
          <div data-groups='["all", "branding", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/portfolio07.jpg">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal7" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>Mornign Dew</p>
                    <strong>Icons, Illustrations</strong>
                  </div>
                </figcaption>
              </figure>
            </div>&lt;!&ndash; /.portfolio &ndash;&gt;
          </div>&lt;!&ndash; /portfolio-item &ndash;&gt;
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;
          <div class="modal fade" id="myModal7" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class=" btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio07.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;


          &lt;!&ndash; portfolio-item &ndash;&gt;
          <div data-groups='["image", "all", "wordpress", "video"]' class=" portfolio-item col-xs-12 col-sm-6 col-md-3 shuffle-item filtered " style="margin:0; padding:0;">
            <div class="portfolio">
              <figure class="effect-julia">
                <img alt="img21" src="img/portfolio08.jpg">
                <figcaption>
                  <div class="socials">
                    <a data-toggle="modal" data-target="#myModal8" href=""><i class="fa fa-expand"></i></a>
                    <a href=""><i class="fa fa-share animated"></i></a>
                  </div>
                  <div class="scoial-heading">
                    <p>Mornign Dew</p>
                    <strong>Icons, Illustrations</strong>
                  </div>
                </figcaption>
              </figure>
            </div>&lt;!&ndash; /.portfolio &ndash;&gt;
          </div>&lt;!&ndash; /portfolio-item &ndash;&gt;
          &lt;!&ndash; MODAL/POPUP &ndash;&gt;
          <div class="modal fade" id="myModal8" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="btn btn-default pull-right" data-dismiss="modal">X</button>
                  <span class="modal-title" id="myModalLabel">Our recent work</span>
                </div>
                <div class="modal-body" >
                  <img src="img/portfolio08.jpg" alt="img21"/>
                </div>
              </div>
            </div>
          </div>-->
          <!-- MODAL/POPUP -->
        </div> <!-- /grid -->
      </div><!-- /row -->
    </section><!-- /our latest works -->
    <!-- 关于源狼 -->
    <section id="about" class="who-we-are section-padding">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 col-lg-12 text-center p-padding">
        <h1 class="section-title">经营范围</h1>
        <p>计算机软件的开发与销售、移动互联网软件的技术开发、计算机软硬件的技术开发、
          网络技术、网站制作、多媒体技术的技术推广与应用；提供计算机技术转让、技术咨询、技术服务。
          计算机系统集成；数据库管理；移动网络设备、通讯设备、电子产品及配件、信息咨询。</p>
      </div><!-- col-xs-12 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa flaticon-android2"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
          <h2>APP定制开发</h2>
          <p>APP应用软件已经占据国内移动应用市场的50%以上，开发APP软件的重要性日益凸显..</p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa fa-laptop"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
          <h2>平台型</h2>
          <p>B2B行业平台，网上商城类电子商务平台建设。扎实的技术，完善的流程，丰富的经验让您的项目稳...</p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa flaticon-christmas128"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
          <h2>技术咨询</h2>
          <p>专为中小型企业提供，数字化解决方案，提高企业的办事效率，节省成本.</p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3 text-center">
        <div class="icon-circle">
          <i class="fa fa-code"></i>
        </div><!-- /.icon-circle -->
        <div class="who-we-are-content text-center">
          <h2>网站制作</h2>
          <p>三网合一强势推出 ，定制页面DIV+CSS布局,响应式网站，提供营销型网站CMS后台。电脑网站+手机网站...</p>
        </div><!-- /.who-we-are-content -->
      </div><!-- /.col-xs-6 -->
    </div><!--/row-->
  </div><!-- /container -->
</section><!-- /who we wre -->
<!-- 我们的服务 -->
<section id="services" class="service section-padding">
      <div class="container">
        <div class="row">
          <div class="wow zoomIn col-xs-12 text-center p-padding">
            <h1 class="section-title">专业优质服务体系</h1>
            <p>多年行业经验，朗慧始终坚持用心服务为宗旨，提供服务保障、24小时优质服务！</p>
          </div><!-- col-xs-12 -->
          <div class="col-xs-12 col-sm-5 col-md-5">
            <div class="left-column">
              <div class="wow zoomIn media">
                <div class="media-left media-middle">
                  <a href="#">
                    <i class="fa flaticon-christmas128"></i>
                  </a>
                </div>
                <div class="media-body">
                  <h2>定制+标准</h2>
                  <!--<h3>Vero eos et accusamus et </h3>-->
                  <span>根据客户不同的征拆对象、业务流程，在标准模块的基础上，
                    合理分析客户需求并提出个性化定制方案、挖掘客户潜在需求。</span>
                </div>
              </div>
              <div class="wow zoomIn media">
                <div class="media-left media-middle">
                  <a href="#">
                    <i class="fa fa-database"></i>
                  </a>
                </div>
                <div class="media-body">
                  <h2>数据服务</h2>
                  <!--<h3>Vero eos et accusamus et </h3>-->
                  <span>系统交付后，提供历史数据的整理、扫描、存档、录入工作，
                    保证客户数据的完整性，使用户历史存档也能实现数字化管理。</span>
                </div>
              </div>
              <div class="wow zoomIn media">
                <div class="media-left media-middle">
                  <a href="#">
                    <i class="fa fa-compress"></i>
                  </a>
                </div>
                <div class="media-body">
                  <h2>响应式设计</h2>
                 <!-- <h3>Vero eos et accusamus et </h3>-->
                  <span>触及视觉灵魂的设计趋势、精心布局的用户体验、毫无顾忌地通过任何终端、呈现在客户的眼前！</span>
                </div>
              </div>
            </div>
          </div><!-- col-md-5 -->

          <div class="col-xs-6 col-sm-2 col-md-2 hidden-xs">
            <div class="image-box">
              <img class="img-responsive" src="img/phn.png" alt="">
            </div>
          </div><!-- /col-md-2 -->

          <div class="col-xs-12 col-sm-5 col-md-5">
            <div class="right-column">
              <div class="wow zoomIn media">
                <div class="media-left media-middle">
                  <a href="#">
                    <i class="fa flaticon-leaf32"></i>
                  </a>
                </div><!-- media left-->
                <div class="media-body">
                  <h2>跨平台应用</h2>
                  <!--<h3>Vero eos et accusamus et </h3>-->
                  <span>基于AngularJs开发，一次开发，适用于多平台，节约开发成本</span>
                </div><!--/.media body-->
              </div><!-- /.media -->
              <div class="wow zoomIn media">
                <div class="media-left media-middle">
                  <a href="#">
                    <i class="fa fa-rocket"></i>
                  </a>
                </div><!-- media left-->
                <div class="media-body">
                  <h2>系统售后</h2>
                 <!-- <h3>Vero eos et accusamus et </h3>-->
                  <span>24小时技术客服在线支持，提供软件上门安装、系统故障排查、数据备份还原、日常定期巡查等服务。</span>
                </div><!--/.media body-->
              </div><!-- /.media -->
              <div class="wow zoomIn media">
                <div class="media-left media-middle">
                  <a href="#">
                    <i class="fa fa-laptop"></i>
                  </a>
                </div><!-- media left-->
                <div class="media-body">
                  <h2>培训咨询</h2>
                  <!--<h3>Vero eos et accusamus et </h3>-->
                  <span>提供产品标准培训，当客户操作人员增加或更换时，可进行远程服务。</span>
                </div><!--/.media body-->
              </div><!-- /.media -->
            </div><!-- /.right-column -->
          </div>
        </div><!-- row-->
      </div><!-- container -->
    </section><!-- /our services -->

<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" ></a></div>
<!-- OUR SERVICES -->

<!-- CLEAN IDEA AND UNIQUE DESIGN -->
<!--
<section id="clean" class="clean-idea section-padding">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 text-center p-padding">
        <h1 class="section-title">clean idea and unique design</h1>
        <p>A designer knows he has achieved perfection not when there is nothingleft to add, but when there is nothing left to take away.</p>
        <div class="button-set">
          <button type="button" class="btn btn-danger"><i class="fa fa-link"></i>Read More</button>
          <a href="#contact" class="page-scroll contact-us"><i class="fa fa-phone"></i>Contact Us</a>
        </div>&lt;!&ndash; /.button-set &ndash;&gt;
      </div>&lt;!&ndash; col-xs-12 &ndash;&gt;
    </div>&lt;!&ndash; row&ndash;&gt;
  </div>&lt;!&ndash; container &ndash;&gt;
</section>&lt;!&ndash; /clean idea and unique design &ndash;&gt;
-->

<!-- more-area 更多合作伙伴-->
<!--
<div class="more-area">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <h2 class="pull-left">Want To Work With Us Then Feel Free To Contact Us</h2>
        <button type="button" id="load" class="btn btn-success pull-right">load More</button>
      </div>
    </div>&lt;!&ndash; row &ndash;&gt;
  </div>&lt;!&ndash; container &ndash;&gt;
</div>&lt;!&ndash; /.more-area &ndash;&gt;
-->

<!-- 团队介绍 -->
<section id="team" class="our-team section-padding">
  <div class="container">
    <div class="row">
      <div class="wow zoomIn col-xs-12 text-center p-padding">
        <h1 class="section-title">我们的团队</h1>
        <p>
          生存第一，永远的危机与斗争意识；规则第一，永远的服从与执行意识 ；
          <br>
          团队第一，永远的合作与大局意识；忠诚第一，永远的感恩与牺牲意识 。
        </p>
      </div><!-- col-xs-12 -->
    </div><!-- row -->
    <div class="row">
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/wolf/team/hxq.jpg" alt="img09" style="max-height: 279px;max-width: 262.5px;">
            <figcaption>
              <div class="icon-holder">
                <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
          <p>黄学乾</p>
          <span>CTO、</span>
          <span>高级项目经理</span>
        </div>
      </div>
      <div class=" wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/wolf/team/hhq.jpg" alt="img09" style="max-height: 279px;max-width: 262.5px;">
            <figcaption>
              <div class="icon-holder">
                <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
          <p>韩华桥</p>
          <span>CTO</span>
        </div>
      </div>
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/wolf/team/zx01.jpg" alt="img09" style="max-height: 279px;max-width: 262.5px;">
            <figcaption>
              <div class="icon-holder">
                <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
          <p>周鑫</p>
          <span>技术总监</span>
        </div>
      </div>
      <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
        <div class="grid">
          <figure class="effect-duke">
            <img class="img-responsive" src="img/wolf/team/cp.jpg" alt="img09" style="max-height: 279px;max-width: 262.5px;">
            <figcaption>
              <div class="icon-holder">
                <ul >
                  <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                </ul>
              </div>
            </figcaption>     
          </figure>
        </div>
        <div class="team-designation">
          <p>陈鹏</p>
          <span>高级项目经理</span>
        </div>
      </div>
    </div><!-- row -->
  </div><!-- container -->
</section><!-- our team -->

<!-- COUNTING 计算访问量 和 项目总数 -->
<!--
<section  class="counting section-padding">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="count1 counter">2125</span>
        <p>project completed</p>
      </div> &lt;!&ndash; /.col-sm-3 &ndash;&gt;
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="count2 counter">1031</span>
        <p>clients worked</p>
      </div>&lt;!&ndash; /.col-sm-3 &ndash;&gt;
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="counter count3">5065</span>
        <p>tweets</p>
      </div>&lt;!&ndash; /.col-sm-3 &ndash;&gt;
      <div class="col-xs-12 col-sm-6 col-md-3 text-center">
        <span class="counter count4">2154</span>
        <p>cup of cofee</p>
      </div>&lt;!&ndash; /.col-sm-3 &ndash;&gt;
    </div> &lt;!&ndash; /.row &ndash;&gt;
  </div>&lt;!&ndash; /.container &ndash;&gt;
</section>&lt;!&ndash; counting &ndash;&gt;
-->


<!-- TESTIMONIAL-->
<!--
<section class="wow zoomIn testimmonial section-padding">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <div class="testimonial-feed">
          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            &lt;!&ndash; Wrapper for slides &ndash;&gt;
            <div class="carousel-inner" role="listbox">
              <div class="item active text-center">
                <div class="image-bar" ><img src="img/testimonial.jpg" alt=""></div>
                <p>“Perfection is achieved, not when there’s nothing more to add, but when theres is nothing left to take away.Laboriosam quae qui dolorem quasi molestias illo tempore optio amet, tempora deleniti. Magnam, distinctio!”</p>
                <span class="pull-right"> Mark Robert</span>
              </div>
              <div class="item text-center">
                <div class="image-bar" ><img src="img/testimonial2.jpg" alt=""></div>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe hic deserunt, fugit animi doloribus. Tempore, laboriosam. Laboriosam quae qui dolorem quasi molestias illo tempore optio amet, tempora deleniti. Magnam, distinctio!</p>
                  <span class="pull-right">  Matt Route</span>
                </div>&lt;!&ndash; item text-center &ndash;&gt;
              </div>&lt;!&ndash; carousel-inner &ndash;&gt;
            </div>&lt;!&ndash; carousel &ndash;&gt;
          </div>&lt;!&ndash; testimonial-feed &ndash;&gt;
          <div class="control-arrow">
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
              <i class="flaticon-previous11"></i>
            </a>
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <i class="flaticon-next15"></i>
            </a>
          </div>&lt;!&ndash; /.control-arrow &ndash;&gt;
        </div>&lt;!&ndash; /.col-xs-12 &ndash;&gt;
      </div>&lt;!&ndash; row &ndash;&gt;
    </div>&lt;!&ndash; container &ndash;&gt;
  </section>&lt;!&ndash; testimonial &ndash;&gt;
 -->

  <!-- 公司动态 -->
  <section id="blog" class="blog-wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="wow zoomIn col-xs-12 text-center p-padding">
          <h1 class="section-title">公司动态</h1>
          <p>
            重庆源狼软件科技有限责任公司（企业挂牌代码：300701HN）成立于2018年，自成立之初，公司获得政府和同仁认可，
            是国家火炬计划高新技术企业、国家信息产业部双软认证企业、AAA信用企业，成功通过ISO9001质量管理体系认证及国家安全生产AAA安全企业认证，
            是政府及企业实施信息化平台的最佳战略合作伙伴之一
          </p>
        </div><!-- col-xs-12 -->
        <div class="wow zoomIn col-xs-12 col-md-4">
          <img class="img-responsive" src="img/blog1.jpg" alt="Image"/>
          <div class="blog-date-wrapper">
            <span class="floatleft"><i class="fa fa-calendar"></i> 01th june 2015</span>
            <span class="floatright"><i class="fa fa-thumbs-o-up"></i> 30</span>
            <span class="floatright"><i class="fa fa-comments"></i> 25 </span>
            <span class="clearboth"> &nbsp; </span>
          </div>
          <div class="blog-container">
            <h2><a href="blog-sidebar.html" target="_blank">The Green Fields of Spring</a></h2>
            <p>Tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam</p>
            <a class="custom-button" href="blog-sidebar.html" >read more <i class="fa fa-angle-right"></i></a>
          </div>
        </div>
        <div class="wow zoomIn col-xs-12 col-md-4">
          <img class="img-responsive" src="img/blog2.jpg" alt="Image"/>
          <div class="blog-date-wrapper">
            <span class="floatleft"><i class="fa fa-calendar"></i> 01th june 2015</span>
            <span class="floatright"><i class="fa fa-thumbs-o-up"></i> 30</span>
            <span class="floatright"><i class="fa fa-comments"></i> 25 </span>
            <span class="clearboth"> &nbsp; </span>
          </div>
          <div class="blog-container">
            <h2><a href="blog-sidebar.html" target="_blank"> 10 Things you Need to Know</a></h2>
            <p>Tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam</p>
            <a class="custom-button" href="blog-sidebar.html" >read more <i class="fa fa-angle-right"></i></a>
          </div>
        </div>
        <div class="wow zoomIn col-xs-12 col-md-4">
          <img class="img-responsive" src="img/blog3.jpg" alt="Image"/>
          <div class="blog-date-wrapper">
            <span class="floatleft"><i class="fa fa-calendar"></i> 01th june 2015</span>
            <span class="floatright"><i class="fa fa-thumbs-o-up"></i> 30</span>
            <span class="floatright"><i class="fa fa-comments"></i> 25 </span>
            <span class="clearboth"> &nbsp; </span>
          </div>
          <div class="blog-container">
            <h2><a href="blog-sidebar.html" target="_blank">The Secret Trick to Achieve</a></h2>
            <p>Tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam</p>
            <a class="custom-button" href="blog-sidebar.html" >read more <i class="fa fa-angle-right"></i></a>
          </div>
        </div>
      </div><!-- /.row -->
    </div><!-- /.container -->
<!--
    <div class="more-area">
      <div class="container">
        <div class="row">
          <div class="col-xs-12">
            <h2 class="pull-left">techgut- Premium One Page corporate layout</h2>
            <button type="button" class="btn btn-success pull-right">see More</button>
          </div>&lt;!&ndash; col-xs-12 &ndash;&gt;
        </div>&lt;!&ndash; row &ndash;&gt;
      </div>&lt;!&ndash; container &ndash;&gt;
    </div>&lt;!&ndash; /.more-area &ndash;&gt;
-->
  </section><!-- blog content -->

  <!-- 合作伙伴 -->
  <section class="partner-wrapper">
    <div class="container">
      <div class="row">
        <div class="wow zoomIn col-sm-12">
          <div class="owl-wrap">
            <div id="owl-example" class="owl-carousel">
              <div class="feature-image"><img class="img-responsive" src="img/partner1.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner2.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner3.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner4.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner5.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner1.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner2.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner3.jpg" alt=""></div>
              <div class="feature-image"><img class="img-responsive" src="img/partner4.jpg" alt=""></div>
            </div><!-- /.owl-carousel -->
          </div><!-- /.owl-wrap -->
        </div><!-- /.col-sm-12 -->
      </div><!-- .row -->
    </div><!-- .container -->
  </section><!-- our partner -->

  <!-- 联系我们 -->
  <section id="contact" class="contact-wrapper section-padding">
    <div class="container">
      <div class="row">
        <div class="wow zoomIn col-xs-12 text-center p-padding">
          <h1 class="section-title">联系我们</h1>
         <!-- <p>Lorem ipsum dolor sit amet</p>-->
        </div><!-- col-xs-12 -->
        <div class="wow zoomIn col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
          <form name="contactForm" id='contact_form' method="post" action='php/email.php'>
            <div class="form-inline">
              <div class="form-group col-sm-6">
                <input type="text" class="form-control" name="name" id="exampleInputName" placeholder="姓名" >
              </div>
              <div class="form-group col-sm-6">
                <input type="email" class="form-control" name="email" id="exampleInputEmail" placeholder="邮件">
              </div>
              <div class="form-group col-sm-6">
                <input type="text" class="form-control" name="subject" id="exampleInputSubject" placeholder="联系电话" >
              </div>
              <div class="form-group col-sm-6">
                <input type="text" class="form-control" name="company" id="exampleInputCompany" placeholder="公司名称" >
              </div>
              <div class="form-group col-sm-12">
                <textarea class="form-control" name="message" rows="3" id="exampleInputMessage" placeholder="留言" ></textarea>
              </div>
            </div>
            <div class="form-group col-xs-12">
              <div id='mail_success' class='success' style="display:none;">感谢您的留言，稍后我们会联系您，请耐心等待！.
              </div><!-- success message -->
              <div id='mail_fail' class='error' style="display:none;"> 留言失败，请致电我们17784263915！
              </div><!-- error message -->
            </div>
            <div class="form-group col-sm-12" id='submit'>
              <input type="submit" id='send_message' class="btn  btn-lg costom-btn" value="留言">
            </div>
          </form>
        </div> <!-- /.col-xs-12 .col-sm-offset-2 .col-sm-8 -->
<!--        <div class="col-xs-12">
          <div class="contact-or">
            <p>or</p>
          </div>&lt;!&ndash; /.contact-or &ndash;&gt;
          <div class="icon-text">
            <span>find us on</span>
          </div>&lt;!&ndash; /.icon-text &ndash;&gt;
          <div class="icon-holder">
            <ul >
              <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-behance"></i></a></li>
              <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
            </ul>
          </div>&lt;!&ndash; /.icon-holder &ndash;&gt;
        </div>&lt;!&ndash; /.col-xs-12 &ndash;&gt;
 -->     </div><!-- /.row -->
    </div><!-- /.container -->
  </section><!-- get in touch -->
  <!-- footer -->
  <footer >
    <div class="footer-wrapper section-padding">
      <div class="container">
        <div class="row">
          <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
            <a href="index.html"><img src="img/wolf/logo.jpg" alt="源狼软件"></a>
            <p class="footer-content">致力于中小型企业数字化解决方案。
            </p>
          </div><!-- /.col-xs-12 .col-sm-3 .col-md-3 -->
          <div class="wow zoomIn col-xs-12 col-sm-3 col-md-3">
            <p class="footer-heading">链接导航</p>
            <ul class="footermenu">
              <li><a data-scroll data-options='{ "easing": "easeInQuad" }'  href="#home">首页</a></li>
              <li><a data-scroll data-options='{ "easing": "easeInQuad" }'  href="#product">产品介绍</a></li>
              <li><a data-scroll data-options='{ "easing": "easeInQuad" }'  href="#about">关于源狼</a></li>
              <li><a data-scroll data-options='{ "easing": "easeInQuad" }'  href="#services">服务支持</a></li>
              <li><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#team">团队介绍</a></li>
              <li><a data-scroll data-options='{ "easing": "easeInQuad" }' href="#blog">公司动态</a></li>
            </ul>
          </div><!-- /.col-xs-12 .col-sm-3 .col-md-3 -->
          <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
            <p class="footer-heading">联系地址</p>
            <ul class="footercontact">
              <li><i class="flaticon-mainpage"></i><span>地址:</span> 重庆市北部新区星光大道62号海王星科技大厦D区2楼</li>
              <li><i class="flaticon-phone16"></i><span>电话:</span><a href="tel:88 02 8714612"> 17784263915</a></li>
              <li><i class="flaticon-email21"></i><span>邮件:</span><a href="mailto:support@themerole.com"> 778142659@qq.com</a></li>
              <li><i class="flaticon-world91"></i><span>web:</span><a href="http://cqyuanlang.com"> www.cqyuanlang.com</a></li>
            </ul>
            <i class="flaticon-home78"></i>
          </div><!-- /.col-xs-12 .col-sm-3 .col-md-3 -->
         <!-- <div class="wow zoomIn col-xs-12 col-sm-6 col-md-3">
            <p class="footer-heading">recent posts</p>
            <ul class="footerblog">
              <li><a href="blog-sidebar.html">The Green Fields of Spring</a> <p>13th Jun 2014</p></li>
              <li><a href="blog-sidebar.html">This is a Video Post</a> <p>18th Nov 2014</p></li>
              <li><a href="blog-sidebar.html">Satisfaction Lies in the Effort</a> <p>13th Jun 2014</p></li>
            </ul>
          </div>--><!-- /.col-xs-12 .col-sm-3 .col-md-3 -->
        </div> <!-- /.row -->
      </div> <!-- /.container -->
    </div>
    <div class="footer-bottom">
      <div class="container">
        <div class="row">
          <div class="wow zoomIn col-xs-12">
            <p>© 2018 All rights reserved. 公司总部地址：重庆市北部新区星光大道62号海王星科技大厦D区2楼。 <a href="http://www.cqyuanlang.com/" target="_blank" title="重庆源狼软件科技有限责任公司"></a> - 网站备案号：湘ICP备12011883号-3 <a href="http://www.cqyuanlang.com/" title="重庆源狼软件科技有限责任公司" target="_blank"></a></p>
            <div class="backtop  pull-right">
              <i class="fa fa-angle-up back-to-top"></i>
            </div><!-- /.backtop -->
          </div><!-- /.col-xs-12 -->
        </div><!-- /.row -->
      </div><!-- /.container -->
    </div><!-- /.creditwrapper -->
  </footer><!-- /Footer -->
<!-- MMENU --> 
<nav id="menu">
  <ul>
    <li><a href="#home">首页</a></li>
    <li><a href="#product">产品介绍</a></li>
    <li><a href="#about">关于源狼</a></li>
    <li><a href="#services">服务支持</a></li>
    <li><a href="#team">团队介绍</a></li>
    <li><a href="#blog">公司动态</a>
      <!--<ul>
        <li><a href="blog-full-width.html">新闻</a></li>
        <li><a href="blog-sidebar.html">招聘</a></li>
      </ul>-->
    </li>
    <li><a href="#contact">联系我们</a></li>
  </ul>
</nav><!-- /#menu -->

</div><!-- /.main -->
<!-- jQuery JS -->
<script src="js/jquery-1.11.1.js"></script>

<!-- Modernizr JS --> 
<script src="js/modernizr-2.6.2.min.js"></script>

<!--Bootatrap JS-->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- REVOLUTION Slider  -->
<script type="text/javascript" src="vendor/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="vendor/rs-plugin/js/jquery.themepunch.revolution.js"></script>

<!-- Shuffle JS -->
<script src="js/jquery.shuffle.min.js"></script>

<!-- mmenu -->
<script type="text/javascript" src="vendor/mmenu/js/jquery.mmenu.min.js"></script>

<!-- Owl Carosel -->
<script src="vendor/owl/js/owl.carousel.min.js"></script>
<script src="js/wow.min.js"></script>

<!-- waypoints JS-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>

<!-- Counterup JS -->
<script src="js/jquery.counterup.min.js"></script>

<!-- Easing JS -->
<script src="js/jquery.easing.min.js"></script>

<!-- Smooth Scroll JS -->
<script src="js/scrolling-nav.js"></script>
<script src="js/smoothscroll.min.js"></script>

<!-- Custom Script JS -->
<script src="js/script.js"></script>

<!-- Email JS -->
<script src="js/email.js"></script>

<script>
$(window).on('scroll', function(){
  if( $(window).scrollTop()>670 ){
    $('.navbar-default').addClass('navbar-fixed-top');
  } else {
    $('.navbar-default').removeClass('navbar-fixed-top');
  }
});
</script>

</body>
</html>
